
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<style>
    a{
        text-decoration: none;
    }
    .right{
        transition: margin 0.5s ease-out;
        -webkit-transition: margin 0.5s ease-out;
        -moz-transition: margin 0.5s ease-out;
        -khtml-transition: margin 0.5s ease-out;
    }
    .right:hover{
        margin-left: 40px;
    }
    .left-grzy{
        position: absolute;
        border: 1px solid red;
        width: 190px;
        height: 500px;
        background: lightseagreen;
        text-align: center;
        padding-top: 5px;
    }
</style>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<body scroll="no" style="overflow-x:hidden; background: darkslategray">
<!--左边-->
<div class="left-grzy">
    <a href="personal.jsp"><h3 style="color: white">个人主页</h3></a>
    <hr/>
    <h3 style="color:rgba(255,255,255,0.5)">我是考生</h3>
    <a href="##"><h6 class="right" style="color: white">竞赛</h6></a>
    <a href="##"> <h6 class="right" style="color: white">考试</h6></a>
    <a href="##"><h6 class="right" style="color: white">答题</h6></a>
    <hr/>
    <h3 style="color:rgba(255,255,255,0.5)">我是考官</h3>
    <a href="##"><h6 class="right" style="color: white">出试卷</h6></a>
    <a href="##"> <h6 class="right" style="color: white">出单题</h6></a>
    <a href="##"><h6 class="right" style="color: white">出问卷</h6></a>
    <hr/>
    <a href="##"><h3 class="right" style="color: white">作业情况查询</h3></a>
</div>
</body>
</html>
